select::-ms-expand {
  display: none;
}

.content {
  &Left {
    width: 264px;

    .block {
      height: 60px;
      border-radius: 10px;
      padding-top: 18px;
      padding-left: 40px;
      margin-bottom: 10px;
      background: rgba(249, 249, 249, 1);
      cursor: pointer;
      .img {
        width: 24px;
        height: 24px;
      }

      .word {
        font-size: 14px;
        line-height: 24px;
        color: rgba(51, 51, 51, 1);
        margin-left: 40px;
      }
    }

    .application {
      .img {
        background-image: url(../img/sb.png);
        background-size: cover;
      }
    }

    .query {
      .img {
        background-image: url(../img/lp.png);
        background-size: cover;
      }
    }

    .chioceColor {
      background: rgba(221, 235, 255, 1);
    }

  }

  &Right {
    width: 700px;

    .block {
      .title {
        width: 700px;
        height: 48px;
        background: rgba(255, 245, 245, 1);
        padding: 15px 16px;
        color: rgba(51, 51, 51, 1);

        .circle {
          width: 18px;
          height: 18px;

          display: block;
          border-radius: 50%;
          background: #E2F3FE;
          margin-right: 16px;
        }

        .name {
          font-size: 14px;
          line-height: 18px;
          display: block;
        }
      }

      .message {
        padding: 25px 50px 11px;

        .userRow {
          font-size: 12px;
          line-height: 1;
          margin-bottom: 18px;
          color: rgba(102, 102, 102, 1);

          .row_1 {
            width: 100px;
          }
        }

        .zenRow {
          padding-top: 19px;
          font-size: 12px;
          color: rgba(102, 102, 102, 1);

          .row_1 {
            width: 100px;
            display: block;
            line-height: 25px;
          }

          .row_2 {
            width: 380px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(221, 221, 221, 1);
          }

          .zenType {
            .row_2_1 {
              margin-left: 80px;
              font-size: 12px;
              line-height: 1;
              color: rgba(153, 153, 153, 1);

              span {
                display: block;
                width: 12px;
                height: 12px;
                float: left;
                border-radius: 50%;
                border: 1px solid rgba(221, 221, 221, 1);
                margin-right: 10px;
              }

              .choiceCircle {
                background-image: url(../img/3icon06.png);
                background-size: 100%;
                border: 0;
              }
            }

            .choiceType {
              flex: 1;

              select {
                width: 95%;
                border: 0;
                padding-left: 20px;
                font-size: 12px;
                color: rgba(153, 153, 153, 1);
                outline: none;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                -ms-appearance: none;
                background: #f4faff;
                background: url(../img/17arrow_down.png) no-repeat scroll right center transparent;

              }

              input {
                width: 95%;
                border: 0;
                padding-left: 20px;
              }

            }
          }
        }
      }
    }

    .submit {
      margin-top: 100px;
      margin-bottom: 20px;

      span {
        cursor: pointer;
        display: inline-block;
        padding: 12px 36px;
        background: rgba(0, 152, 239, 1);
        border-radius: 5px;
        color: rgba(255, 255, 255, 1);
        font-size: 14px;
        margin-left: 200px;
        ;
      }
      .color{
        background: #ddd;

      }
    }
  }
  .word{
    font-size: 20px;
    text-align: center;
    line-height: 80px
  }
  .queryBlock {
    .pics{
      flex-wrap:wrap;
      margin-left:30px;
      margin-top:28px;
    }
    .pic{
      width:200px;
      height:120px;
      background:url(../img/pingan.png);
      border:1px solid rgba(229, 229, 229, 1);
      border-radius:5px;
      margin-left:10px;
      margin-bottom: 30px;
      background-size: 100% 100%;
      cursor: pointer;
    }
    .picborder{
      border:1px solid rgba(107, 168, 236, 1);
    }
    .js_btn{
      width:200px;
      height:38px;
      background:rgba(0, 152, 239, 1);
      border-radius:5px;
      color:rgba(255, 255, 255, 1);
      font-size: 14px;
      text-align: center;
      line-height: 38px;
      margin:0 auto 30px;
    }
    .blocks {
      padding:35px  40px 10px;
      .quer {
        padding:0 10px;
       
        .row {
          margin-bottom: 18px;

          .a {
            display: block;
            width: 14px;
            height: 14px;

          }

          .b {
            font-size: 12px;
            color: rgba(102, 102, 102, 1);
            line-height: 1;
            margin-left: 29px;
            width:130px;
          }

          .c {
            font-size: 12px;
            color: rgba(153, 153, 153, 1);
          }

          .a1 {
            background-image: url(../img/ren12.png);
            background-size: 100% 100%;
          }

          .a2 {
            background-image: url(../img/rencai.png);
            background-size: 100% 100%;
          }

          .a3 {
            background-image: url(../img/riqi.png);
            background-size: 100% 100%;
          }

          .a4 {
            background-image: url(../img/bianhao.png);
            background-size: 100% 100%;
          }
          .a5{
            background-image: url(../img/login/rencai.png);
            background-size: 100% 100%;
          }
          .a6{
            background-image: url(../img/login/riqi.png);
            background-size: 100% 100%;
          }
          .a7{
            background-image: url(../img/login/bianhao.png);
            background-size: 100% 100%;
          }
        }

      }
      .quer1{
         border-bottom: 1px solid rgba(229, 229, 229, 1);
         background-image: url(../img/application1.png);
         background-position: center right;
         background-repeat: no-repeat;
      }
      .quer2 {
        border-bottom: 1px solid rgba(229, 229, 229, 1);
        background-image: url(../img/application2.png);
        background-position: center right;
        background-repeat: no-repeat;
      }
      .quer3 {
        border-bottom: 1px solid rgba(229, 229, 229, 1);
        background-image: url(../img/application1.png);
        background-position: center right;
        background-repeat: no-repeat;
      }
    }
  }
}